<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>问题反馈</title>
    <style>
        .form-control{
            border: 0.2px solid coral;
            width: 500px;
            height: 20px;
        }
        .form-message{
            margin-top: 20px;
            width: 500px;
            height: 200px;
        }

        .col-md-12{

            text-align: center;
            margin-top: 160px;
        }
        #email{
            margin-top: 20px;
        }
        body{
            background-color: #ff6700;
        }
        .mu-send-msg-btn{
            margin-top: 20px;
            width: 100px;
            height: 30px;
        }
    </style>
</head>
<body>
 <div class="col-md-12">
     <h2>您的评价是对我们最大的帮助，感谢您！</h2>
     {% csrf_token %}
        <div class="mu-contact-bottom">
        <div id="form-messages"></div>
            <form id="ajax-contact" method="post" action="{% url 'message' %}" class="mu-contact-form">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Name" id="name" name="name" required>
                </div>
                <div class="form-group">
                    <input type="email" class="form-control" placeholder="Enter Email" id="email" name="email" required>
                </div>
                <div class="form-group">
                    <textarea class="form-message" placeholder="Message" id="message" name="message" required></textarea>
                </div>
                <button type="submit" class="mu-send-msg-btn" ><span>SUBMIT</span></button>
            </form>
        </div>
    </div>


</body>
</html>